<template>
  <div class="profile-center">
    <div class="dd">
      <span class="iconfont icon-app"></span>
      <br>
      我的订单
    </div>
    <div class="sc" @click="scbtn">
      <span class="iconfont icon-star-circle"></span>
      <br>
      收藏
    </div>
    <div class="gwc" @click="gwcclick">
      <span class="iconfont icon-cart"></span>
      <br>
      购物车
    </div>
    <div class="pj">
      <span class="iconfont icon-chat"></span>
      <br>
      评价
    </div>
  </div>
</template>

<script src="">
export default {
  name: 'ProfileCenter',
  data() {
    return {

    }
  },
  methods: {
    gwcclick() {
      // 下面进行跳转
      this.$router.push('/cart')
    },
    scbtn() {
      this.$router.push('/category')
    }
  }
}
</script>

<style scoped>
.profile-center {
  display: flex;
  height: 100px;
  background-color: var(--color-tint);
  color: #fff;
  box-shadow: 0 1px 1px rgba(100, 100, 100, 0.3);
}

.profile-center div {
  text-align: center;
  margin: auto;
  flex: 1;
}

.profile-center div span {
  font-size: 20px;
}
</style>